import React from 'react'
import ReactDOM from 'react-dom'
import '../css/message.scss'
class MessageModal extends React.Component {
    render() {
        return (
            <div>123123123123</div>
        )
    }
}
MessageModal.message = (config) => {
    const div = document.createElement('div')
    div.id = 'com_message'
    div.style.opacity = '1'
    div.style.transform = 'scale(1)'
    document.body.appendChild(div)
    return ReactDOM.render(<MessageModal {...config} />, document.getElementById('com_message'))
}
const show = (config) => {
    setTimeout(() => {
        const div = document.createElement('div')
        div.id = 'com_message'
        document.body.appendChild(div)
        div.style.transform = 'scale(1)'
    }, 1000)
}
const hide = () => {
    const div = document.getElementById('com_message')
    document.body.removeChild(div)
}
export default MessageModal.message